/* pages/collect/collect.wxss */
// #f2f3f6
page{
  background-color: #f2f3f6;
}

.collect-main {
  background-color: #f2f3f6;

  .collect-title {
    padding: 10rpx 0;
    display: flex;

    text {
      padding         : 10rpx;
      border          : 1px solid #ccc;
      background-color: #ffffff;
      margin-left    : 20rpx;

      &.active {
        color       : var(--themeColor);
        border-color: var(--themeColor);
      }
    }
  }

  .collect-content {
    .goods-item {
      padding: 15rpx,0;
      background-color: #ffffff;
      display       : flex;
      flex-direction: row;
      // border: 1px solid #cccccc;
      margin-bottom: 20rpx;
  
      .goods-img-wrap {
        flex           : 2;
        display: flex;
        justify-content: center;
        align-items    : center;
  
        image {
          width: 70%;
        }
      }
  
      .goods-info-wrap {
  
        flex: 3;
  
        display: flex;
        flex-direction: column;
        justify-content: space-around;
  
        .goods-name {
          overflow          : hidden;
          text-overflow     : ellipsis;
          display           : -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
  
        .goods-price {
          font-size: 32rpx;
          color    : var(--themeColor);
        }
      }
    }
  }
}